﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>katalog</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="css/all.css" />
	<script type="text/javascript" src="js/hide-select.js"></script>
	<script type="text/javascript" src="js/ie-hover-pack.js"></script>
	<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen"/><![endif]-->
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<strong class="logo-i"><a href="#">katalog</a></strong>
			<div class="top-nav">
				<ul id="nav">
					<li><a href="#">Полезная информация</a></li>
					<li><a href="#">Правила покупки</a></li>
					<li><a href="#">Бонусная система</a></li>
					<li><a href="#">О магазине</a></li>
				</ul>
				<ul class="login">
					<li><a href="#"><span>вход с паролем</span></a>
						<div class="login-box">
							<div class="t">&nbsp;</div>
							<div class="c">
								<form action="#">
									<fieldset>
										<div class="row">
											<label for="email">E-mail:</label>
											<span><input type="text" id="email" class="text" value="" /></span>
											<a href="#">регистрация</a>
										</div>
										<div class="row">
											<label for="pass">Пароль:</label>
											<span><input type="password" id="pass" class="text" value="passwo" /></span>
											<a href="#">забыли пароль?</a>
										</div>
										<input type="button" class="btn-login" value="войти" />
									</fieldset>
								</form>
							</div>
							<div class="b">&nbsp;</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="navigation">
				<ul id="menu">
					<li class="men"><strong><a href="#"><em>Мужская</em></a></strong>
						<div class="drop-down">
							<div class="t">&nbsp;</div>
							<div class="c">
								<ul>
									<li><a href="#"><span>Аксессуары</span></a></li>
									<li><a href="#"><span>Брюки</span></a></li>
									<li class="active"><a href="#"><span>Верхняя одежда</span></a></li>
									<li><a href="#"><span>Джинсы</span></a></li>
									<li><a href="#"><span>Костюмы</span></a></li>
									<li><a href="#"><span>Нижнее белье</span></a></li>
									<li><a href="#"><span>Обувь</span></a></li>
									<li><a href="#"><span>Пижамы</span></a></li>
									<li><a href="#"><span>Пуловеры</span></a></li>
									<li><a href="#"><span>Рубашки</span></a></li>
									<li><a href="#"><span>Футболки</span></a></li>
								</ul>
							</div>
							<div class="b">&nbsp;</div>
						</div>
					</li>
					<li class="woomen"><a href="#"><em>Женская</em></a></li>
					<li class="kids"><a href="#"><em>Детская</em></a></li>
					<li class="pod"><a href="#"><em>Подбор</em></a></li>
				</ul>
				<div class="cart">
					<div class="frame">
						<strong>Ваша корзина пока пустая</strong>
						<p>В нашем магазине <a href="#">распродажа: </a>более 500 товаров по супер низкой цене</p>
					</div>
				</div>
			</div>
		</div>
		<div id="main">
			<div id="sidebar">
				<div class="box">
					<h2>Мужская одежда</h2>
					<ul>
						<li><a href="#"><span>Аксессуары</span></a></li>
						<li><a href="#"><span>Брюки</span></a></li>
						<li class="active"><a href="#"><span>Верхняя одежда</span></a></li>
						<li><a href="#"><span>Джинсы</span></a></li>
						<li><a href="#"><span>Костюмы</span></a></li>
						<li><a href="#"><span>Нижнее белье</span></a></li>
						<li><a href="#"><span>Обувь</span></a></li>
						<li><a href="#"><span>Пижамы</span></a></li>
						<li><a href="#"><span>Пуловеры</span></a></li>
						<li><a href="#"><span>Рубашки</span></a></li>
						<li><a href="#"><span>Футболки</span></a></li>
					</ul>
				</div>
				<div class="box">
					<h2>Женская одежда</h2>
					<ul>
						<li><a href="#"><span>Аксессуары</span></a></li>
						<li><a href="#"><span>Брюки</span></a></li>
						<li><a href="#"><span>Верхняя одежда</span></a></li>
						<li><a href="#"><span>Джинсы</span></a></li>
						<li><a href="#"><span>Жакеты</span></a></li>
						<li><a href="#"><span>Костюмы</span></a></li>
						<li><a href="#"><span>Купальники</span></a></li>
						<li><a href="#"><span>Обувь</span></a></li>
						<li><a href="#"><span>Платья</span></a></li>
						<li><a href="#"><span>Пуловеры</span></a></li>
						<li><a href="#"><span>Рубашки и блузы</span></a></li>
						<li><a href="#"><span>Топы</span></a></li>
						<li><a href="#"><span>Шорты и бермуды</span></a></li>
						<li><a href="#"><span>Юбки</span></a></li>
					</ul>
				</div>
				<div class="box">
					<h2>Детская одежда</h2>
					<ul>
						<li><a href="#"><span>Аксессуары</span></a></li>
						<li><a href="#"><span>Брюки</span></a></li>
						<li><a href="#"><span>Верхняя одежда</span></a></li>
						<li><a href="#"><span>Джинсы</span></a></li>
						<li><a href="#"><span>Жакеты</span></a></li>
						<li><a href="#"><span>Костюмы</span></a></li>
						<li><a href="#"><span>Купальники</span></a></li>
						<li><a href="#"><span>Обувь</span></a></li>
						<li><a href="#"><span>Платья</span></a></li>
						<li><a href="#"><span>Пуловеры</span></a></li>
						<li><a href="#"><span>Рубашки и блузы</span></a></li>
						<li><a href="#"><span>Топы</span></a></li>
					</ul>
				</div>
			</div>
			<div class="content">
				<h2>Подбор одежды</h2>
				<div class="p-od">
					<form action="#">
						<fieldset>
							<div class="intra">
								<div class="b">
									<div class="l">
										<div class="r">
											<div class="r-t">
												<div class="r-b">
													<div class="l-t">
														<div class="l-b">
															<div class="box-price">
																<strong>Цена</strong>
																<div class="row">
																	<label for="t1">от</label>
																	<span><input type="text" class="text" id="t1" value="" /></span>
																	<label for="t2">до</label>
																	<span><input type="text" class="text" id="t2" value="" /></span>
																	<em>руб.</em>
																</div>
																<strong>Размер</strong>
																<div class="row">
																	<label for="t3">от</label>
																	<span><input type="text" class="text" id="t3" value="" /></span>
																	<label for="t4">до</label>
																	<span><input type="text" class="text" id="t4" value="" /></span>
																	<em>руб.</em>
																</div>
																<strong>Тип</strong>
																<ul class="check-list">
																	<li>
																		<input type="checkbox" class="ch-b" id="ch1" name="ch1" />
																		<label for="ch1">Мужская одежда</label>
																	</li>
																	<li>
																		<input type="checkbox" class="ch-b" id="ch2" name="ch2" />
																		<label for="ch2">Женская одежда</label>
																	</li>
																	<li>
																		<input type="checkbox" class="ch-b" id="ch3" name="ch3" />
																		<label for="ch3">Детская одежда</label>
																	</li>
																</ul>
																<strong>Скидка</strong>
																<ul class="check-list">
																	<li>
																		<input type="checkbox" class="ch-b" id="ch4" name="ch4" />
																		<label for="ch4">Новинка</label>
																	</li>
																	<li>
																		<input type="checkbox" class="ch-b" id="ch5" name="ch5" />
																		<label for="ch5">1ая уценка</label>
																	</li>
																	<li>
																		<input type="checkbox" class="ch-b" id="ch6" name="ch6" />
																		<label for="ch6">2ая уценка</label>
																	</li>
																	<li>
																		<input type="checkbox" class="ch-b" id="ch7" name="ch7" />
																		<label for="ch7">Распродажа</label>
																	</li>
																</ul>
															</div>
															<div class="check-b">
																<strong>Категория</strong>
																<div class="holder-ch">
																	<div class="col1">
																		<ul class="check-list">
																			<li>
																				<input type="checkbox" id="ch8" class="ch-b" name="ch8" />
																				<label for="ch8">Аксессуары</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch9" class="ch-b" name="ch8" />
																				<label for="ch9">Брюки</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch10" class="ch-b" name="ch8" />
																				<label for="ch10">Верхняя одежда</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch11" class="ch-b" name="ch8" />
																				<label for="ch11">Джинсы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch12" class="ch-b" name="ch8" />
																				<label for="ch12">Костюмы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch13" class="ch-b" name="ch8" />
																				<label for="ch13">Нижнее белье</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch14" class="ch-b" name="ch8" />
																				<label for="ch14">Обувь</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch15" class="ch-b" name="ch8" />
																				<label for="ch15">Пижамы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch16" class="ch-b" name="ch8" />
																				<label for="ch16">Пуловеры</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch17" class="ch-b" name="ch8" />
																				<label for="ch17">Рубашки</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch21" class="ch-b" name="ch8" />
																				<label for="ch21">Футболки</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch18" class="ch-b" name="ch8" />
																				<label for="ch18">Жакеты</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch19" class="ch-b" name="ch8" />
																				<label for="ch19">Костюмы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch20" class="ch-b" name="ch8" />
																				<label for="ch20">Пуловеры</label>
																			</li>
																			
																		</ul>
																	</div>
																		<div class="col2">
																		<ul class="check-list">
																			<li>
																				<input type="checkbox" id="ch22" class="ch-b" name="ch8" />
																				<label for="ch22">Блузы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch23" class="ch-b" name="ch8" />
																				<label for="ch23">Топы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch24" class="ch-b" name="ch8" />
																				<label for="ch24">Платья</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch25" class="ch-b" name="ch8" />
																				<label for="ch25">Джинсы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch26" class="ch-b" name="ch8" />
																				<label for="ch26">Костюмы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch27" class="ch-b" name="ch8" />
																				<label for="ch27">Нижнее белье</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch28" class="ch-b" name="ch8" />
																				<label for="ch28">Обувь</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch29" class="ch-b" name="ch8" />
																				<label for="ch29">Пижамы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch30" class="ch-b" name="ch8" />
																				<label for="ch30">Пуловеры</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch31" class="ch-b" name="ch8" />
																				<label for="ch31">Рубашки</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch32" class="ch-b" name="ch8" />
																				<label for="ch32">Футболки</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch33" class="ch-b" name="ch8" />
																				<label for="ch33">Жакеты</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch34" class="ch-b" name="ch8" />
																				<label for="ch34">Костюмы</label>
																			</li>
																			<li>
																				<input type="checkbox" id="ch35" class="ch-b" name="ch8" />
																				<label for="ch35">Пуловеры</label>
																			</li>
																			
																		</ul>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<input type="button" class="btn-p-o" value="Подобрать одежду" />
						</fieldset>
					</form>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="holder">
				<strong class="logo-f"><a href="#">October</a></strong>
				<span>&copy; 2009 Магазин-Е</span>
			</div>
		</div>
	</div>
</body>
</html>